<template>
	<view class="brand">
		<image class="content_image" src="../../static/logo.png" mode=""></image>
	</view>
	<image class="money" src="../../static/logo.png" mode=""></image>
	<bottomShare></bottomShare>
	<goodList></goodList>
</template>

<script setup>
	import bottomShare from '@/components/bottomShare/bottomShare.vue'
	import goodList from '@/components/goodList/goodList.vue'
	const onClick=()=>{
		console.log(123);
	}
</script>

<style lang="scss" scoped>
	@keyframes shake {
	  10% {
	    transform: rotate(15deg);
	  }
	  20% {
	    transform: rotate(-10deg);
	  }
	  30% {
	    transform: rotate(5deg);
	  }
	  40% {
	    transform: rotate(-5deg);
	  }
	  50%,
	  100% {
	    transform: rotate(0deg);
	  }
	}
	.content_image{
		width: 100%;
		// height: 100%;
	}
	.brand{
		box-sizing: border-box;
		padding: 20rpx;
	}
	.money{
		position: fixed;
		left: 20rpx;
		bottom:160rpx ;
		width: 80rpx;
		height: 100rpx;
		 animation: shake 2s 0.15s linear infinite;
	}


</style>